<!----------学生信息总览界面----------->


<!DOCTYPE html>
<html lang="en">
<head xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
    <meta charset="UTF-8">
    <title>学生页面</title>
    <link rel="stylesheet" href="/css/bootstrap.min.css">

    <br/>
    <div>
        <table class="table table-bordered " id="stuTable">

        </table>
    </div>

    <script src="/js/jquery-3.6.1.min.js"></script>
    <link rel="stylesheet" href="/plugins/bootstraptable/bootstrap-table.min.css">

</head>
<body>
<br/>

<!--<script src="/js/jquery-3.6.1.min.js"></script>-->

<script src="/js/bootstrap.min.js"></script>
<script src="/plugins/bootstraptable/bootstrap-table.min.js"></script>
<script src="/plugins/bootstraptable/locale/bootstrap-table-zh-CN.min.js"></script>


<script type="text/javascript">

    function loadTable(){

        $('#stuTable').bootstrapTable({
            url: '/webapi/student/list',     //总览学生信息

            columns: [{
                field: 'id',
                title: '序号'
            }, {
                field: 'no',
                title: '学号'
            }, {
                field: 'name',
                title: '姓名'
            }, {
                field: 'sex',
                title: '性别'
            }, {
                field: 'score',
                title: '成绩'
            }, {
                field:'banji',
                title:'班级'
            },]
        });

    } //end of loadTable()

    $(function (){

        loadTable();
    })

</script>
</body>
</html>